{extend name="public:layout" /}
{block name='css'}
{/block}
{block name="content"}
<section class="Hui-article-box">
    <nav class="breadcrumb">
        <i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span> 粉丝列表
        <span class="c-gray en">&gt;</span> 粉丝列表
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"href="javascript:location.replace(location.href);" title="刷新">
            <i class="Hui-iconfont">&#xe68f;</i>
        </a>
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="text-c text-right">
                <input type="text" class="input-text" style="width:250px" placeholder="输入用户昵称、房间名称" id="key" value="{$key|default=''}">
                <button type="submit" onclick="onSelect()" class="btn btn-success radius" name="">
                    <i class="Hui-iconfont">&#xe665;</i>搜用户
                </button>
            </div>
            <div class="mt-20">
                <table class="table table-border table-bordered table-hover table-bg table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="80">主播ID</th>
                        <th width="80">粉丝ID</th>
                        <th width="80">创建时间</th>
                        <!--<th width="100">操作</th>-->
                    </tr>
                    </thead>
                    <tbody>
                    {volist name='list' id='vo'}
                    <tr class="text-c">
                        <td>{$vo.anchor_uid}</td>
                        <td>{$vo.fans_uid}</td>
                        <td>{$vo.create_time}</td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
            </div>
            {$list->render()}
        </article>
    </div>
</section>
{/block}

{block name='js'}
<script type="text/javascript">
    function onSelect() {
        let key = $("#key").val();
        location.href = '/accounts/index?key=' + key;
    }
</script>
{/block}
